@charset "utf-8";
@import "src/css/common/reset";
@import "src/css/iconfont";
$fontsize:64px;
//注册页
html{
    font-size: $fontsize;
}
@function r($px){
    @return $px/$fontsize*1rem;
}
.zhuce {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    .register_box{
        width: 100%;
        height: 100%;
        background: rgba(30,30,30,.9);
        padding-top: r(192px);
        padding-bottom: r(384px);
        .register_wrap{
        width: r(493px);
        height: r(531px);
        
        margin: auto;
        .register_img{
            width: r(160px);
            height: r(135px);
            margin: auto;
            margin-bottom: r(46px);
            img{
                width: 100%;
                height: 100%;
            }
        }
        form{
            .form_wrap{
                width: 100%;
                height: 100%;
                li{
                    width: 100%;
                   height: r(53px);
                   font-size: 0;
                   margin-bottom:r(16px) ;
                   &:first-child{
                       position: relative;
                       i{
                           width: r(61px);
                        height: r(43px);
                        position: absolute;
                        left: 0;
                        top: 0;
                        text-align: center;
                        line-height: r(53px);
                        color: white;
                       }
                   }
                   &:nth-child(3){
                       position: relative;
                       i{
                           width: r(61px);
                        height: r(43px);
                        position: absolute;
                        left: 0;
                        top: 0;
                        text-align: center;
                        line-height: r(53px);
                        color: white;
                       }
                   }
                   &:nth-child(5){
                       margin-bottom: r(50px);
                        i,span{
                           font-size: r(18px);
                           color: white; 
                          line-height: r(53px);                   
                           
                          text-align: right;

                       } 
                           
                       }

                       
                             
                   
                   &:nth-child(6){
                       input[type="button"]{
                           color: white;
                           background: red;
                       }
                   }
                   &:nth-child(7){
                       input[type="button"]{
                           background: #393939;
                           border: 1px solid #b60005;
                           color: white;
                       }
                   }
                    input{
                    width: 100%;
                    height: 100%;
                    line-height: r(53px);
                     }
                    input[type="text"],input[type="password"]{
                    padding-left: r(61px);
                    background: #393939;
                    border: none;
                    font-size: 12px;

                    
                    }
                    
                    
                }
                
            }
        }

    }
    
    }

    
    
}